<div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title">New releases</h3>
    </div>
    <div class="panel-body">
        <c:forEach items="${lastSerieFromProduct}" var="serie" varStatus="i" begin="0" end="11" step="1">
            <div class="thumbnail col-md-2">
                <a href="serie?id=<c:out value="${serie.id}"/>">
                    <img src="<c:out value="${lastProduct[i.index].imgPath}"/>" alt="..." width="100%"/><br/>
                    <c:out value="${serie.name}"/>
                </a>
            </div>
         </c:forEach>
    </div>
</div>

<div class="panel panel-info">
    <div class="panel-heading">
        <h3 class="panel-title">Popular</h3>
    </div>
    <div class="panel-body">
        <c:forEach items="${serieProductByCount}" var="serie" varStatus="i" begin="0" end="11" step="1">
            <div class="thumbnail col-md-2">
                <a href="serie?id=<c:out value="${serie.id}"/>">
                    <img src="<c:out value="${productByCount[i.index].imgPath}"/>" alt="..." width="100%"/><br/>
                    <c:out value="${serie.name}"/>
                </a>
            </div>
        </c:forEach>
    </div>
</div>
